@import "header.html"
<link rel="stylesheet" href="../css/cancel_order.css">
<link rel="stylesheet" href="../css/mobileSelect.css">

<body>
<main id="main" v-cloak>
    <header class="fxj-header">
        <a onclick="_back()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jiantou"></use>
            </svg>
        </a>
        <h1 class="fxj-title" v-cloak>设置图片</h1>
    </header>

    <main class="pub_main" v-cloak style="padding-bottom: 2rem">
        <div class="addimg-big" v-show="house_img.imgsmall.length>0">
            <div hidden>
                <span class="title">默认第一张为主图</span>
            </div>
            <img :alt="house_img.imgbig.txt" :style="img_rotate" :class="is_img_rotate" :src="house_img.imgbig.src">

            <div class="button_div" v-show="add_img_button_div&&house_img.imgsmall.length>0">
                <div class="btn-group line-transverse">
                    <button class="mui-btn mui-btn-orange " @click="moveImg_left">左移</button>
                    <button class="mui-btn mui-btn-orange line-vertical" @click="moveImg_right">右移</button>
                </div>
                <div class="btn-group">
                    <button class="mui-btn mui-btn-orange " @click="remark_img">备注</button>
                    <button class="mui-btn mui-btn-orange line-vertical" @click="set_cover">设封面</button>
                    <button class="mui-btn mui-btn-orange line-vertical" @click="delete_img">删除</button>
                </div>
            </div>

            <div class="button_div" v-show="!add_img_button_div">
                <input type="text" placeholder="请输入备注" id="beizhu" v-model="house_img.imgbig.txt">
                <button class="mui-btn mui-btn-warning" @click="remark_img">确认</button>
            </div>
        </div>

        <div class="addimg-sma" id="addimg-sam">
            <div :style="'-webkit-order:'+img.order" :data-order="img.order" v-for="(img,i) of house_img.imgsmall"
                 draggable="true">
                <img :class={"active":img.id===house_img.imgbig.id} :src="img.src" :alt="img.txt"
                     @click="click_img(img)" v-if="img.src">
                <div v-if="img.isCover==1" class="cover"><span class="ptext">封面</span></div>
            </div>

            <div class="addimg_div" alt="添加" @click="addimg" style="-webkit-order: 200">
                <span>
                    <svg class="icon">
                        <use xlink:href="#icon-jia1"></use>
                    </svg>
                </span>
                <input type="file" name="files" multiple hidden ref="searchDom" id="addimgca">
            </div>
        </div>

        <br>
        <div class="addimg-rule" @click="if_show_mask">
            <span class="orange">
                照片审核规则
            </span>
            <br>
            <span class="nomal">默认第一张照片为封面</span>
            <br>
            <span class="nomal">照片宽高比3:2最佳，手机请务必横拍。</span>
        </div>

        <div class="bounce_mask" v-show="mask_img_rule">
            <div class="mask_top">
                <h2>照片审核规则 </h2>
                <br>
                <p class="red">请按照要求上传，避免您发布的房源不能通过审核 </p>
                <p>1.所有照片都不能有水印、广告、联系方式</p>
                <p>2.单张照片不得小于2M</p>
                <p>3.宽高比是3:2的照片展示效果最佳，为了展示效果更美观，建议您不要上传竖图</p>
                <p>4.最少上传5张照片，最多不得超过50张照片</p>
                <p>5.客厅、卧室和卫生间照片必传（单间可无客厅照）</p>
                <p>6.若您的房源允许做饭，厨房照片也必须上传，厨房照片中请包涵灶台、厨具</p>
                <p>7.必须上传能够看到整个客厅的照片</p>
                <p>8.卧室的床品请铺盖完整，床数请和可住人数对应</p>
                <p>9.请上传整洁的卫浴设施照片</p>
            </div>
            <div class="mask_bottom" @click="if_show_mask">
                <span>完  成</span>
            </div>
        </div>
    </main>

    <footer class="pub_foot" @click="sen_img_info()">
        <h1 class="fxj-title">完成</h1>
    </footer>
</main>
@import "js.html"
<script src="../script/jquery.js"></script>
<script src="../script/mobileSelect.js"></script>
<script src="../script/hm_picture.js"></script>
</body>

@import "footer.html"